<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>CSS Eevee</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
  <!-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css"> -->
  <link rel="stylesheet" href="./style.css">

</head>

<body>

  <div class="container">
    <div class="eevee">
      <div class="body">
        <div class="head">
          <div class="ears">
            <div class="ear">
              <div class="lobe"></div>
            </div>
            <div class="ear">
              <div class="lobe"></div>
            </div>
          </div>
          <div class="face">
            <div class="eyes">
              <div class="eye">
                <div class="eyelid"></div>
              </div>
              <div class="eye">
                <div class="eyelid"></div>
              </div>
            </div>
            <div class="nose"></div>
            <div class="mouth"></div>
          </div>
        </div>
        <div class="chest">
          <div class="fur">
            <div class="patch"></div>
          </div>
          <div class="fur">
            <div class="patch"></div>
          </div>
          <div class="fur">
            <div class="patch"></div>
          </div>
        </div>
        <div class="legs">
          <div class="leg">
            <div class="inner-leg"></div>
          </div>
          <div class="leg">
            <div class="inner-leg"></div>
          </div>
          <div class="leg">
            <div class="inner-leg"></div>
          </div>
          <div class="leg">
            <div class="inner-leg"></div>
          </div>
        </div>
        <div class="tail">
          <div class="tail">
            <div class="tail">
              <div class="tail">
                <div class="tail">
                  <div class="tail -end"></div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="dex">
      <div class="heading">
        <div class="pokeball"></div><span>133</span><strong>Eevee</strong>
      </div>
      <div class="info"><strong>Seen:</strong> 33</div>
      <div class="info"><strong>Caught:</strong> 33</div>
      <br />
      <div class="info"><strong>宽</strong> 6.5kg</div>
      <div class="info"><strong>高</strong> 0.3m</div>
      <br />
      <div class="info"><strong>类型</strong> Normal</div>
      <div class="subheading">2021-1-8</div>
      <div class="info"><strong>小颜</strong> <a href="http://wpa.qq.com/msgrd?v=3&uin=+184773349&site=qq&menu=yes">点击联系我叭</a></div>
    </div>
  </div>

</body>

</html>